<!--
 * @Author: byron
 * @Date: 2022-02-18 21:22:57
 * @LastEditTime: 2022-02-18 21:59:53
-->
<template>
    <span class="p-emoji" @click="emojiHandle">
        <span v-for="(item, index) in emojiList" :key="index">{{ item }} </span>
    </span>
</template>

<script>
import './index.less'
export default {
    name: 'p-emoji',
    setup(props, ctx) {
        const emojiList = [
            '😝',
            '😛',
            '😋',
            '🤪',
            '🤔',
            '🤨',
            '😐',
            '🙄',
            '😔',
            '😵',
            '😵‍💫',
            '🥳',
            '😟',
            '😪',
            '😶‍🌫️',
            '😍',
            '😕',
            '😡',
            '🤡',
        ]
        const emojiHandle = (e) => {
            ctx.emit('handle', e.target.innerText)
        }
        return { emojiList, emojiHandle }
    },
}
</script>
<style>
@import url(./index.less);
</style>
